<html>
<head>
  <title></title>
  <style>
    #div1 {
      width: 40px;
      height: 40px;
      position: relative;
      background: #ccc;
      padding: 5px;
      -webkit-transition: all 0.8s ease;
    }
    #div1:hover {
      left: 100px;
    }
  </style>
</head>
<body>
<div id="div1">
  hover
  右移
</div>
</body>
</html>